<%@ Master Language="C#" Inherits="Bitrix.UI.BXMasterPage"%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<head runat="server">
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="keywords" content="<%= Encode(Keywords["keywords"]) %>" /> 
<meta name="description" content="<%= Encode(Keywords["description"]) %>" /> 
<title></title>
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  <script type="text/javascript" src="/bitrix/templates/abbys_coffee/jquery-1.4.3.min.js"></script>
  <script type="text/javascript" src="/bitrix/templates/abbys_coffee/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
  <script type="text/javascript" src="/bitrix/templates/abbys_coffee/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
  <link rel="stylesheet" type="text/css" href="/bitrix/templates/abbys_coffee/fancybox/jquery.fancybox-1.3.4.css" media="screen" />
  <script type="text/javascript">
    $(document).ready(function() {
      /*
      *   Examples - images
      */

      $("a#example1").fancybox();

      $("a#example2").fancybox({
        'overlayShow' : false,
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic'
      });

      $("a#example3").fancybox({
        'transitionIn'  : 'none',
        'transitionOut' : 'none'
      });

      $("a#example4").fancybox({
        'opacity'   : true,
        'overlayShow' : false,
        'transitionIn'  : 'elastic',
        'transitionOut' : 'none'
      });

      $("a#example5").fancybox();

      $("a#example6").fancybox({
        'titlePosition'   : 'outside',
        'overlayColor'    : '#000',
        'overlayOpacity'  : 0.9
      });

      $("a#example7").fancybox({
        'titlePosition' : 'inside'
      });

      $("a#example8").fancybox({
        'titlePosition' : 'over'
      });

      /*
      *   Examples - various
      */

      $("#various1").fancybox({
        'titlePosition'   : 'inside',
        'transitionIn'    : 'none',
        'transitionOut'   : 'none'
      });

      $("#various2").fancybox();

      $("#various3").fancybox({
        'width'       : '75%',
        'height'      : '75%',
        'autoScale'     : false,
        'transitionIn'    : 'none',
        'transitionOut'   : 'none',
        'type'        : 'iframe'
      });

      $("#various4").fancybox({
        'padding'     : 0,
        'autoScale'     : false,
        'transitionIn'    : 'none',
        'transitionOut'   : 'none'
      });
    });
  </script>

</head>

<body>

<form id="form1" runat="server">
<bx:TemplateRequisite runat="server" ID="Requisite"/>


 
  <div id="container_header"></div>  
	<div id="main">
      <div id="header">
        <div id="banner">
          <h1>Your Company Name Here</h1>
            <ul id="nav">
              <li class="selected"><a href="index.html">Home</a></li>
              <li><a href="ourwork.html">Our Work</a></li>
              <li><a href="testimonials.html">Testimonials</a></li>
              <li><a href="projects.html">Projects</a></li>
              <li class="last"><a href="contact.html">Contact Us</a></li>
            </ul>
        
		</div>
      </div>
    <div id="site_content">
      <div id="content">	
        <div class="content_item">	  		
		  <div style="width:550px; float:left;">
	

		  
<asp:ContentPlaceHolder ID="BXContent" runat="server">
</asp:ContentPlaceHolder>

		  
		  
          </div>
		  <div style="width:200px; float:right; margin-left:10px;">
		    <div class="sidebar">
              <h3>Follow Us</h3>
			  <a href="#"><img src="/bitrix/templates/abbys_coffee/images/icons/twitter.png" alt="twitter" /></a><a href="#"><img src="/bitrix/templates/abbys_coffee/images/icons/facebook.png" alt="facebook" /></a><a href="#"><img src="/bitrix/templates/abbys_coffee/images/icons/linkedin.png" alt="linkedin"/></a>	            
			  <h3>Latest Update</h3>
			  <div style="width:45px; float:left;"><img src="/bitrix/templates/abbys_coffee/images/icons/info.png" alt="news"/></div><p>Ut tincidunt, ante vel fermentum iaculis, turpis sem pulvinar diam, sit amet ullamcorper nibh dui ac nibh. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos:</p>
              <h3>Other Stories</h3>
			  <div style="width:50px; float:left; padding: 0px 20px 20px 0px;"><a id="example4" href="/bitrix/templates/abbys_coffee/images/image_small.jpg"><img alt="image" src="/bitrix/templates/abbys_coffee/images/image_sidebar.jpg" /></a></div><p>Ut tincidunt, ante vel fermentum iaculis, turpis sem pulvinar diam, sit amet ullamcorper nibh dui ac nibh.</p>
              <div style="width:50px; float:left; padding: 0px 20px 20px 0px;"><a id="example7" href="/bitrix/templates/abbys_coffee/images/image_small.jpg"><img alt="image" src="/bitrix/templates/abbys_coffee/images/image_sidebar.jpg" /></a></div><p>Ut tincidunt, ante vel fermentum iaculis, turpis sem pulvinar diam, sit amet ullamcorper nibh dui ac nibh.</p>				
			</div>
          </div>	
		</div>
      </div>
    </div>
    <div id="footer">
      <div><a href="http://validator.w3.org/check?uri=referer">Valid XHTML</a> | <a href="http://jigsaw.w3.org/css-validator/check/referer">Valid CSS</a> | <a href="http://dryicons.com/">Icons</a> | website template by <a href="http://www.araynordesign.co.uk">ARaynorDesign</a></div>
    </div>
	</div>
  <div id="container_footer"></div>  
	<p style="float: left;padding: 0;">&nbsp;</p>
<div style="margin: 1em 0 3em 0; text-align: center;"><!--%@##-->Design provided by <a href="http://www.freewebtemplates.com/">Free Website Templates</a>.<!--##@%--></div>



 </form>
</body>
</html>